.album-layout {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2vw;
	margin-right: -2vw;
	.album-item:nth-child(1),
	.album-item:nth-child(2),
	.album-item:nth-child(3) {
		margin-top: 14.02rpx !important;
	}
	.album-item {
		margin-left: 2vw;
		margin-right: 2vw;
		margin-top: 26.28rpx;
		position: relative;
		.name-layout {
			margin-top: 14.02rpx;
			display: flex;
			justify-content: center;
			.name-text {
				width: 26vw;
				height: 50rpx;
				line-height: 50rpx;
				text-align: center;
				color: #646c6d;
				font-size: 21.03rpx;
				font-weight: bold;
				background: #dddddd;
			}
		}
		.album {
			width: 28vw;
			height: 25.77vw;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			.item-img {
				width: 96%;
				height: 96%;
				border-radius: 40rpx;
			}
			.item-bg {
				position: absolute;
				z-index: 9;
				width: 100%;
				height: 100%;
				pointer-events: none;
				content: url('https://sitiantech.com/memorial-hall/profile/static/image/memorial-hall/bg_memorial_hall_today_header.svg?v20220826');
			}
			.video {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				.icon-play {
					position: absolute;
					width: 48rpx;
					height: 48rpx;
				}
				video {
					width: 100%;
					height: 100%;
					border-radius: 40rpx;
				}
			}
			.more-layout {
				position: absolute;
				bottom: 14.02rpx;
				left: 17.52rpx;
				right: 17.52rpx;
				z-index: 8;
				height: 52.57rpx;
				background: rgba($color: #000000, $alpha: 0.6);
				display: flex;
				align-items: center;
				justify-content: space-between;
				.status-text {
					font-size: 21.03rpx;
					color: $status-color;
					padding: 0 17.52rpx;
				}
				.icon-more {
					width: 31.54rpx;
					height: 31.54rpx;
					padding: 0 17.52rpx;
				}
			}
		}
	}
}
